<!doctype html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="renderer" content="webkit">
  <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
  <title>{$eyou.field.seo_title}</title>
  <meta name="description" content="{$eyou.field.seo_description}" />
  <meta name="keywords" content="{$eyou.field.seo_keywords}" />
  <link href="{eyou:global name='web_cmspath' /}/favicon.ico" rel="shortcut icon" type="image/x-icon" />
  {eyou:static file="skin1/css/style.css"/}
  {eyou:static file="skin1/css/eyou.css"/}
  {eyou:static file="skin1/css/item.css"/}
  {eyou:static file="skin1/css/new.css"/}
  {eyou:static file="skin1/fonts/iconfont.css"/}
  {eyou:static file="skin1/css/swiper.css"/}
  {eyou:static file="skin1/css/pro.css"/}
  {eyou:static file="/public/static/common/js/jquery.min.js"/}
</head>
<body>
{eyou:include file="header.htm" /}
<div class="web_index web_lt">
  <div class="w1200">
    <div class="web-crumb web-mbx">
      <ul>
        {eyou:position style=" " /} &gt; {$eyou.field.title}
      </ul>
    </div>
    <div class="web_main">
      <div class="picfl">
        <div class="w1200">
          <div class="col-xs-4"> {eyou:volist name="$eyou.field.image_list" limit='0,1'}
            <div class="medium-product-image"> <a id="zoom" class="clearfix" href="{$field.image_url}" rel="gallery"> <img class="img-responsive center-block" src="{$field.image_url}"> </a> </div>
            {/eyou:volist}
            <div id="thumbnails" class="thumbnails">
              <div id="thumbnailSwiper" class="thumbnail-swiper swiper-container">
                <ul class="swiper-wrapper">
                  {eyou:volist name="$eyou.field.image_list"}
                  <li class="swiper-slide"> <a {eyou:eq name='$i' value='1'}class="zoomThumbActive"{/eyou:eq} href="javascript:;" rel="{gallery: 'gallery', smallimage: '{$field.image_url}', largeimage: '{$field.image_url}'}"> <img class="img-responsive center-block" src="{$field.image_url}"> </a> </li>
                  {/eyou:volist}
                </ul>
              </div>
              <div class="swiper-button-prev"></div>
              <div class="swiper-button-next"></div>
            </div>
          </div>
        </div>
        <div class="goods_bot">
          <div class="shouchang"> {eyou:collect id="collect" cancel="<span class='ui-icon-star'></span>收藏" collect="<span class='ui-icon-star-fill'></span>已收藏" } <a class="add-favorite" {$collect.onclick}> {$collect.cancel}</a> {$collect.hidden}
            {/eyou:collect} </div>
          <div class="fenxiang">
            <div class="bdsharebuttonbox"> <a href="#" class="bds_more" data-cmd="more"></a><a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a><a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a><a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a><a href="#" class="bds_renren" data-cmd="renren" title="分享到人人网"></a><a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a> </div>
            <script>
              window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdPic":"","bdStyle":"0","bdSize":"16"},"share":{},"selectShare":{"bdContainerClass":null,"bdSelectMiniList":["qzone","tsina","tqq","renren","weixin"]}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];
            </script>
          </div>
        </div>
      </div>
      <div class="confr">
        <h1>{$eyou.field.title}</h1>
        {eyou:notempty name='$eyou.field.subtitle' /}
        <div class="words">{$eyou.field.subtitle}</div>
        {/eyou:notempty}
        {eyou:sppurchase id='field' currentstyle='selected'}
        <ul class="webevent">
        </ul>
        <ul class="webspec">
          <p>请选择规格</p>
          {eyou:volist name="$field.ReturnData" id='field2'}
          <li><em>{$field2.spec_name}：</em>
            <dl>
              {eyou:volist name="$field2.spec_value" id='field3'}
              <dt {$field3.SpecData} class="{$field3.SpecClass}"> {$field3.spec_value} <i class="ui-icon-check"></i></dt>
              {/eyou:volist}
            </dl>
          </li>
          {/eyou:volist}
        </ul>
        <ul class="action">
          <li><em>数量：</em>
            <div>
              <div class="inputnumber-wrap inputnumber-right"> <span class="inputnumber-min" {$field.ReduceQuantity}> <i class="ui-icon-line"></i></span>
                <input type="text" class="inputnumber inputnumber-text" {$field.UpdateQuantity}>
                <span class="inputnumber-max" {$field.IncreaseQuantity}><i class="ui-icon-plus"></i></span> </div>
              <u>库存量：{$field.stock_count} 件</u> <u>已售：{$field.sales_num} 件</u> </div>
          </li>
        </ul>
        <div class="selected-list">
          <ul>
            <li>
              <div class="guiname">{$field.spec_title}</div>
              <div class="guijiage">{$field.spec_price}元</div>
            </li>
          </ul>
          <div class="total-price">总计：{$field.totol_price}元</div>
        </div>
        <ul class="action">
          <li>
            <button class="btn goumai btn-red" href="javascript:void(0);" {$field.BuyNow}>立即购买</button>
            <button class="btn jiaru btn-car" href="javascript:void(0);" {$field.ShopAddCart}>加入购物车</button>
          </li>
        </ul>
        {$field.hidden}
        {/eyou:sppurchase} </div>
    </div>
    <div class="web_main_fl">
      <div class="picfl">
        <div class="webboxs">
          <div class="menu menu-red">
            <div class="webmenu-mz">推荐商品</div>
          </div>
          <div class="webcpm">
            <ul>
              {eyou:arclist typeid='$eyou.field.toptypeid' row='10' titlelen='20' flag='c'}
              <li><a href="{$field.arcurl}" title="{$field.title}">
                <div><img src="{$field.litpic}" alt="{$field.title}"></div>
                <p><span>￥{$field.users_price}</span></p>
                <p>{$field.title}</p>
              </a></li>
              {/eyou:arclist}
            </ul>
          </div>
        </div>
      </div>
      <div class="confr">
        <div class="tabs">
          <ul class="tab-list">
            <li class="active"><a href="javascript:;">商品介绍</a></li>
            <li><a href="javascript:;">商品参数</a></li>
            <li><a href="javascript:;">客户评价</a></li>
          </ul>
          <div class="tab-qhnr">
            <div class="tab-xjnr active">
              <p>{$eyou.field.content}</p>
            </div>
            <div class="tab-xjnr"> {eyou:notempty name='$eyou.field.attrlist_id'}
              <table class="table table-border table-hover">
                <tr>
                  <th colspan="2" class="text-left">基本信息</th>
                </tr>
                {eyou:attribute type='newattr' attrid='$eyou.field.attrlist_id'}
                <tr>
                  <td width="100">{$attr.name}</td>
                  <td class="text-left">{$attr.value}</td>
                </tr>
                {/eyou:attribute}
              </table>
              {/eyou:notempty} </div>
            <div class="tab-xjnr evaluate-con"> {eyou:comment aid='$eyou.field.aid' id='c_field'}
              <div class="evalute" {$c_field.CommentID}></div>
              {$c_field.hidden}
              {/eyou:comment} </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
{eyou:include file="footer.htm" /}
{eyou:static file="skin/js/jquery.migrate.js"/}
{eyou:static file="skin/js/jquery.jqzoom.js"/}
{eyou:static file="skin/js/lodash.js"/}
{eyou:static file="skin/js/swiper.js"/}
<script>
  $().ready(function() {
    var $zoom = $("#zoom");
    var $thumbnailProductImageItem = $("#thumbnails .thumbnail-swiper .swiper-slide a");
// 商品图片放大镜
    $zoom.jqzoom({
      zoomWidth: 428,
      zoomHeight: 428,
      title: false,
      preloadText: null,
      preloadImages: false
    });

    // 商品缩略图轮播
    new Swiper('#thumbnailSwiper', {
      slidesPerView: 5,
      navigation: {
        nextEl: ".swiper-button-next",
        prevEl: ".swiper-button-prev"
      }
    });

    // 商品缩略图悬停
    $thumbnailProductImageItem.hover(function() {
      $(this).click();
    });
// 商品轮播
    new Swiper("#productSwiper", {
      slidesPerView: 2,
      direction: "vertical",
      navigation: {
        nextEl: ".swiper-button-next.product",
        prevEl: ".swiper-button-prev.product"
      }
    });




  });
</script>

<div style="display:none"><a rel="follow" href="http://www.huilvtianxia.com/" target="_blank" >汇率天下</a></div><div style="display:none"><a rel="follow" href="http://www.zhihuilv.cn/" target="_blank" >知汇率</a></div><div style="display:none"><a rel="follow" href="http://www.chahuilv.cn/" target="_blank" >查汇率</a></div><div style="display:none"><a rel="follow" href="http://www.zhaozidian.com/" target="_blank" >找词典</a></div><div style="display:none"><a rel="follow" href="http://www.youcidian.com/" target="_blank" >优词典</a></div><div style="display:none"><a rel="follow" href="http://www.it8.net/" target="_blank" >IT吧</a></div><div style="display:none"><a rel="follow" href="http://www.51huilv.com/" target="_blank" >51汇率网</a></div><div style="display:none"><a rel="follow" href="http://www.nz3.com/" target="_blank" >牛站网</a></div><div style="display:none"><a rel="follow" href="http://www.teaitao.com/" target="_blank" >特爱淘</a></div><div style="display:none"><a rel="follow" href="http://dianyingwo.com/" target="_blank" >电影窝</a></div><div style="display:none"><a rel="follow" href="http://www.chabaogao.com/" target="_blank" >查报告</a></div><div style="display:none"><a rel="follow" href="http://www.baicaoyuan.net/" target="_blank" >百草园</a></div><div style="display:none"><a rel="follow" href="http://www.yirenju.com/" target="_blank" >宜人居</a></div>


<div style="display:none"><a rel="follow" href="http://www.huilvtianxia.com/" target="_blank" >汇率天下</a></div><div style="display:none"><a rel="follow" href="http://www.zhihuilv.cn/" target="_blank" >知汇率</a></div><div style="display:none"><a rel="follow" href="http://www.chahuilv.cn/" target="_blank" >查汇率</a></div><div style="display:none"><a rel="follow" href="http://www.zhaozidian.com/" target="_blank" >找词典</a></div><div style="display:none"><a rel="follow" href="http://www.youcidian.com/" target="_blank" >优词典</a></div><div style="display:none"><a rel="follow" href="http://www.it8.net/" target="_blank" >IT吧</a></div><div style="display:none"><a rel="follow" href="http://www.51huilv.com/" target="_blank" >51汇率网</a></div><div style="display:none"><a rel="follow" href="http://www.nz3.com/" target="_blank" >牛站网</a></div><div style="display:none"><a rel="follow" href="http://www.teaitao.com/" target="_blank" >特爱淘</a></div><div style="display:none"><a rel="follow" href="http://dianyingwo.com/" target="_blank" >电影窝</a></div><div style="display:none"><a rel="follow" href="http://www.chabaogao.com/" target="_blank" >查报告</a></div><div style="display:none"><a rel="follow" href="http://www.baicaoyuan.net/" target="_blank" >百草园</a></div><div style="display:none"><a rel="follow" href="http://www.yirenju.com/" target="_blank" >宜人居</a></div>

</body>
</html>